<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=5.0" charset="UTF-8">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta name="format-detection" content="telephone=no">
		
		<link type="text/css" rel="stylesheet" href="../css/model/bootstrap.css"  />
		<link type="text/css" rel="stylesheet" href="../css/model/swiper.css" />
		<link type="text/css" rel="stylesheet" href="../css/layui.css" />
		<link type="text/css" rel="stylesheet" href="../css/top.css" />
		<link type="text/css" rel="stylesheet" href="../css/myshare.css" />
		
		<script type="text/javascript" src='../js/model/jquery-2.1.4.min.js'></script>
		<script type="text/javascript" src="../js/model/bootstrap.js"></script>
		<script type="text/javascript" src="../js/model/swiper.min.js"></script>
		<script type="text/javascript" src="../js/model/reset_font.js"></script>
		<script type="text/javascript" src="../js/myshare.js"></script>
		
		<title>优当借书</title>
		<script>
			window.onload=function(){
				$("body").css("opacity",1);
			}
		</script>
	</head>
	<body style="opacity: 0;">
		<div class="top">
			<a href="yaoqing.html" class="goback">
				<img src="../images/icons/goback1.png" />
			</a>
			<span>我的邀请</span>
		</div>
		<div class="board">
			<div class="boardLeft">
				已返现：￥<span>500.00</span>
			</div>
			<div class="yfx_data">25.00</div>
			<div class="yfx_text">应返现</div>
		</div>
		 <div class="swiper-container" id="nav">
		    <div class="swiper-wrapper">
		      <div class="swiper-slide">
		      	<span class="mynav" style="color:#FD9700;">
		      		 推荐用户(<span>2</span>)
		      	</span>
		      </div>
		      <div class="swiper-slide">
		      	<span class="mynav">
		      		 推荐会员(<span>2</span>)
		      	</span>
		      </div>
		      <div class="bar">
		        <div class="color"></div>
		      </div>
		    </div>
		</div>
		
		<div class="swiper-container" id="page">
		  <div class="swiper-wrapper">
		    <div class="swiper-slide slidepage">
		    	<!--一条信息 开始-->
		    	<div class="item">
		    		<img src="../images/tuijian/logo.png" class="logoPic" />
		    		<div class="usermsg">
		    			<div class="username">张三张三张三张三张三张三张三张三张三</div>
		    			<div class="usertel">13852632412</div>
		    		</div>
		    		<div class="item_right">
		    			<div class="item_date">2017-02-18 11:50</div>
		    			<div class="item_vip">
		    				<img src="../images/tuijian/vip.png" />
		    			</div>
		    		</div>
		    	</div>
		    	<!--一条信息 结束-->
		    	
		    	
		    	<!--一条信息 开始-->
		    	<div class="item">
		    		<img src="../images/tuijian/logo.png" class="logoPic" />
		    		<div class="usermsg">
		    			<div class="username">张三张三张三张三张三张三张三张三张三</div>
		    			<div class="usertel">13852632412</div>
		    		</div>
		    		<div class="item_right">
		    			<div class="item_date">2017-02-18 11:50</div>
		    			<div class="item_vip">
		    				<img src="../images/tuijian/vip.png" />
		    			</div>
		    		</div>
		    	</div>
		    	<!--一条信息 结束-->
		    	<!--一条信息 开始-->
		    	<div class="item">
		    		<img src="../images/tuijian/logo.png" class="logoPic" />
		    		<div class="usermsg">
		    			<div class="username">张三张三张三张三张三张三张三张三张三</div>
		    			<div class="usertel">13852632412</div>
		    		</div>
		    		<div class="item_right">
		    			<div class="item_date">2017-02-18 11:50</div>
		    			<div class="item_vip">
		    				<img src="../images/tuijian/vip.png" />
		    			</div>
		    		</div>
		    	</div>
		    	<!--一条信息 结束-->
		    	<!--一条信息 开始-->
		    	<div class="item">
		    		<img src="../images/tuijian/logo.png" class="logoPic" />
		    		<div class="usermsg">
		    			<div class="username">张三张三张三张三张三张三张三张三张三</div>
		    			<div class="usertel">13852632412</div>
		    		</div>
		    		<div class="item_right">
		    			<div class="item_date">2017-02-18 11:50</div>
		    			<div class="item_vip">
		    				<img src="../images/tuijian/vip.png" />
		    			</div>
		    		</div>
		    	</div>
		    	<!--一条信息 结束-->
		    	
		    	<!--一条信息 开始-->
		    	<div class="item">
		    		<img src="../images/tuijian/logo.png" class="logoPic" />
		    		<div class="usermsg">
		    			<div class="username">张三张三张三张三张三张三张三张三张三</div>
		    			<div class="usertel">13852632412</div>
		    		</div>
		    		<div class="item_right">
		    			<div class="item_date">2017-02-18 11:50</div>
		    			<div class="item_vip">
		    				<img src="../images/tuijian/vip.png" />
		    			</div>
		    		</div>
		    	</div>
		    	<!--一条信息 结束-->
		    </div>
		    <div class="swiper-slide slidepage">
		    	<!--一条信息 开始-->
		    	<div class="item">
		    		<img src="../images/tuijian/logo.png" class="logoPic" />
		    		<div class="usermsg">
		    			<div class="username">张三张三张三张三张三张三张三张三张三</div>
		    			<div class="usertel">13852632412</div>
		    		</div>
		    		<div class="item_right">
		    			<div class="item_date">2017-02-18 11:50</div>
		    			<div class="item_vip">
		    				<img src="../images/tuijian/vip.png" />
		    			</div>
		    		</div>
		    	</div>
		    	<!--一条信息 结束-->
		    	
		    	<!--一条信息 开始-->
		    	<div class="item">
		    		<img src="../images/tuijian/logo.png" class="logoPic" />
		    		<div class="usermsg">
		    			<div class="username">张三张三张三张三张三张三张三张三张三</div>
		    			<div class="usertel">13852632412</div>
		    		</div>
		    		<div class="item_right">
		    			<div class="item_date">2017-02-18 11:50</div>
		    			<div class="item_vip">
		    				<img src="../images/tuijian/vip.png" />
		    			</div>
		    		</div>
		    	</div>
		    	<!--一条信息 结束-->
		    </div>
		  </div>
		 </div>
	</body>
	<script>
  
  </script>
  
</html>
